import React from 'react'
import { Table, Card, Empty } from 'antd'

const OwnTable = (props) => {
  // console.log('Table接收到的值>>>>>>>>', props);
  return (
    <div>
      <Card
        style={{
          marginBottom: 24
        }}
        title="我自己封装的表格"
      >
        {props.value && props.value.length > 0 ?
          <>
            <Table
              showHeader
              rowKey={record => record.key}
              scroll={props.scroll}
              style={{ width: '100%', overflow: 'auto' }}
              columns={props.columns}
              dataSource={props.value}
              bordered={props.bordered}     // 是否显示边框
              loading={props.loading ? props.loading : false}     // 页面是否加载中
              size={props.large}          // 表格大小
              onChange={props.pagination.onChange}  // 选中项发生变化的回调函数
              // 分页器部分
              pagination={
                {
                  showTotal: () => `共  ${props.pagination.pageDataNumber ? props.pagination.pageDataNumber : 0} 条数据`, // 显示当前页面有多少条数据
                  total: props.pagination.total ? props.pagination.total : 0, // 总共有多少条
                  onChange: props.pagination.pageOnChange, // 页码变化回调函数
                  hideOnSinglePage: props.pagination.hideOnSinglePage ? props.pagination.hideOnSinglePage : false,                  // 只有一个页面时不显示分页器
                  showQuickJumper: true,                   // 是否显示快速跳转
                  showSizeChanger: true,                   // 是否显示页面大小变化选择框
                  position: ['bottomRight'],               // bottomRight 固定在右侧
                  // current: 1,                           // currnet : 进来组件之后默认选中的页码数
                }
              }

              rowSelection={{
                type: props.rowSelection.type ?
                  props.rowSelection.type
                  : 'radio',

                onChange: props.rowSelection.onChange,
              }}

            />
          </>
          :
          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
        }
      </Card>
    </div>
  )
}

export default OwnTable;
